<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>汇率兑换程序</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>汇率兑换程序</h1>
        <div class="instructions">
            <h2>使用指南</h2>
            <div class="notice">
                <p>💡 操作步骤：</p>
                <ol>
                    <li>在输入框输入金额和货币类型（USD/CNY）</li>
                    <li>点击"兑换"按钮查看结果</li>
                    <li>清空输入框继续新的兑换</li>
                </ol>
                
                <p>⚠️ 注意事项：</p>
                <ul>
                    <li>金额支持整数和小数（如：150 或 235.78）</li>
                    <li>货币代码需用空格与金额分隔</li>
                    <li>当前固定汇率：1 USD = 7 CNY</li>
                </ul>
            </div>
            <p>输入示例：</p>
            <ul>
                <li>"100 USD" 兑换美元到人民币</li>
                <li>"500 CNY" 兑换人民币到美元</li>
            </ul>
        </div>
        
        <div class="input-group">
            <input type="text" id="amountInput" placeholder="输入金额和货币类型">
            <button onclick="handleConversion()">兑换</button>
        </div>
        
        <div id="result"></div>
        <div id="error"></div>
    </div>

    <script src="converter.js"></script>
</body>
</html>
